import React from 'react';
import BaseComponent from '../Base/BaseComponent';

class UserOverlay extends BaseComponent {

    render = () => (
        <div className="clearfix header-drop-list">
            <div className="clearfix header-drop-tit">
                <div className="nav-tit fl">
                    账号信息
                </div>
                {/*<a href="javascript:;" className="fr">*/}
                {/*账户信息*/}
                {/*</a>*/}
            </div>
            {/*<ul className="clearfix header-drop03-info">*/}
            {/*    <li><span>• 所在部门：</span>客服部</li>*/}
            {/*    <li><span>• 本次登录：</span>2018-12-12 12:12:12</li>*/}
            {/*    <li><span>• 登录地区：</span>安徽省合肥市 (IP：183.14.135.1)</li>*/}
            {/*    <li><span>• 上次登录：</span>2018-12-12 12:12:12 <br/>*/}
            {/*    </li>*/}
            {/*</ul>*/}
            <div className="out-login">
                <button onClick={this.props.onLogout.bind(this)} className="ant-btn ant-btn-primary">退出</button>
            </div>
        </div>
    )
}

export default UserOverlay